<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="./css/production.css">
    <link rel="stylesheet" href="../public/css/usual_class.css">
    <link rel="stylesheet" href="../public/css/header_footer.css">
    <style>
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
        background-color: rgba(241, 241, 241, 1);
        color: #2c3e50;
    }
    </style>
</head>

<body>
    <div class="header">
        <div style="position: inherit" class="header">
            <div class="head_content">
                <div class="head_logo">
                    <img src="../public/images/logo_03.png">
                </div>
                <!--导航栏-->
                <nav class="head_navbar">
                    <ul id="main">
                        <li><a href="../home/home.html">首页</a></li>
                        <li>
                            <a>社团</a>
                            <ul class="drop">
                                <div>
                                    <li style="width: 100%;"><a href="../PO/cj.html">程序设计基础协会</a></li>
                                    <li style="width: 100%;"><a href="../ACM/acm.html">ACM协会</a></li>
                                    <li style="width: 100%;"><a href="../UO/bgs.html">不甘社</a></li>
                                    <li style="width: 100%;"><a href="../wkf/wkf.html">微开发</a></li>
                                </div>
                            </ul>
                        </li>
                        <li><a href="../production/production.html">作品</a></li>
                        <li><a href="../news/news_up.html">新闻</a></li>
                        <li style="padding: 10px 0; font-size: 1rem"><a href="../about/about.html">关于我们</a></li>
                        <div id="marker" style=""></div>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <!-- <div class="lh0"><img class="w-full" src="images/home_slide_01.jpg" alt=""></div> -->
    <div class="parallax-roll lh0">
        <div class="parallax-title c-text-w">
            <p class="fs45 ta-c">作品展示</p>
        </div>
        <!-- <img class="w-full" src="images/home_slide_01.jpg" alt=""> -->
    </div>
    <div>
        <div class="wrap">
            <div class="tile">
                <img src="images/works_01.jpg" />
                <a href="">
                    <div class="text">
                        <h1>微信点到</h1>
                        <h2 class="animate-text">老师点名的神器</h2>
                        <p class="animate-text"> 通过这个东西，老师不需要在课上花时间点名啦 </p>
                        <div class="dots">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="tile">
                <img src="images/works_02.png" />
                <a href="">
                    <div class="text">
                        <h1>扫码寻物</h1>
                        <h2 class="animate-text">More lorem ipsum bacon ipsum.</h2>
                        <p class="animate-text">Bacon ipsum dolor amet pork belly tri-tip turducken, pancetta bresaola pork chicken meatloaf. Flank sirloin strip steak prosciutto kevin turducken. </p>
                        <div class="dots">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </a>
            </div>
            <div class="tile">
                <img src="images/Icpc_logo.png" />
                <a href="">
                    <div class="text">
                        <h1>Online Judge系统</h1>
                        <h2 class="animate-text">More lorem ipsum bacon ipsum.</h2>
                        <p class="animate-text">Bacon ipsum dolor amet pork belly tri-tip turducken, pancetta bresaola pork chicken meatloaf. Flank sirloin strip steak prosciutto kevin turducken. </p>
                        <div class="dots">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="wrap">
            <div class="tile">
                <img src="images/home_slide_01.jpg" />
                <a href="">
                    <div class="text">
                        <h1>深蓝圈子</h1>
                        <h2 class="animate-text">交友神器</h2>
                        <p class="animate-text"> 北理人人都爱玩 </p>
                        <div class="dots">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <footer class="footer c-text-w ta-c mt24">
        <div class="footer-logo">
            <div class="logo-main">
                <div><img class="w252" src="../public/images/logo_without_text.png"></div>
                <p class="pt16">版权所有：北京理工大学珠海学院计算机科技协会</p>
            </div>
        </div>
        <div class="footer-logo">
            <div class="logo-qr">
                <div><img class="w108" src="../public/images/qq_qt_code.jpg"></div>
                <p class="pt16">2016级程序程基协会qq群</p>
            </div>
        </div>
        <div class="footer-logo">
            <div class="logo-qr">
                <div><img class="w108" src="../public/images/wechat_qt_code.jpg"></div>
                <p class="pt16">计算机科技协会服务号</p>
            </div>
        </div>
    </footer>
</body>
<style>
.footer {
    background-color: #393536;
}

.footer-logo {
    display: inline-block;
    padding: 32px;
    text-align: center;
}
</style>

</html>
